<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">

<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>xobject - Grado Dos</title><link rel="stylesheet" type="text/css" href="../../../styles/main.css"><script language=JavaScript src="../../../javascript/main.js"></script><script language=JavaScript src="../../../javascript/searchdata.js"></script></head><body class="ContentPage" onLoad="NDOnLoad()"><script language=JavaScript><!--
if (browserType) {document.write("<div class=" + browserType + ">");if (browserVer) {document.write("<div class=" + browserVer + ">"); }}// --></script>

<!--  Generated by Natural Docs, version Development Release 12-07-2007 (1.35 base) -->
<!--  http://www.naturaldocs.org  -->

<!-- saved from url=(0026)http://www.naturaldocs.org -->




<div id=Content><div class="CSection"><div class=CTopic id=MainTopic><h1 class=CTitle><a name="xobject"></a>xobject</h1><div class=CBody><p>Este archivo se encarga de los efectos gráficos (animaciones).&nbsp; La clase XObject alamacena un div en su interior - con todas sus propiedade - y es capaz de modificarlo de forma gradual.</p><p>Por un lado, la clase incluye métodos para averiguar y modificar las propiedades de los contenedores (setStyle getStyle).</p><p>Los cambios de estilo se realizarán de la siguiente forma : La clase calcula todos los números intermedios entre dos cantidades, con un incremento constante y cada paso dado en un intervalo de tiempo:</p><blockquote><pre>0 --&gt; 100 INC = 10.
0 - 10 - 20 - 30 - 40 -50 -60 - 70 - 80 - 90 -100.</pre></blockquote><p>En cada paso intermedio se llama a una función con ese valor como parámetro.&nbsp; Dicha función será la que cambie el estilo que deseemos:</p><blockquote><pre>1 - 100 Width.

width = 0;
width = 10</pre></blockquote><p>También se pueden hacer loops, bucles para que cuando acabe, vuelva al principio.</p><blockquote><pre>0 --&gt; 100 --&gt; 0 --&gt; 100</pre></blockquote><p>Con ello, se consigue un efecto como el del crono, que parpadea.</p><p>Efectos de &lsquo;Rebote&rsquo; (setPercEffect).&nbsp; Para este tipo de efectos, creamos una cola interna en la que se añaden nuevos cambios de estilo para dar sensación de que el elemento llega al final, vuelve en un tanto por ciento de nuevo al final (y esto repetido una serie de veces).</p><blockquote><pre>(ej. 10px -&gt; 200px:   200px -&gt; 190px -&gt; 200px -&gt; 195px -&gt; 200px).</pre></blockquote><!--START_ND_SUMMARY--><div class=Summary><div class=STitle>Summary</div><div class=SBorder><table border=0 cellspacing=0 cellpadding=0 class=STable><tr class="SMain"><td class=SEntry><a href="#xobject" >xobject</a></td><td class=SDescription>Este archivo se encarga de los efectos gráficos (animaciones). </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#Constants" >Constants</a></td><td class=SDescription></td></tr><tr class="SConstant SIndent2 SMarked"><td class=SEntry><a href="#Tabla_hexadecimal" >Tabla hexadecimal</a></td><td class=SDescription>Se trata de traduciones hexadecimal</td></tr><tr class="SClass"><td class=SEntry><a href="#XObject" >XObject</a></td><td class=SDescription>Esta es la clase encargada de todos los efectos gráficos. </td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#XObject.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#XObject.XObject" id=link1 onMouseOver="ShowTip(event, 'tt1', 'link1')" onMouseOut="HideTip('tt1')">XObject</a></td><td class=SDescription></td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#XObject.Variables" >Variables</a></td><td class=SDescription></td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#XObject.div_cont" id=link2 onMouseOver="ShowTip(event, 'tt2', 'link2')" onMouseOut="HideTip('tt2')">div_cont</a></td><td class=SDescription>Contenido de div</td></tr><tr class="SVariable SIndent2"><td class=SEntry><a href="#XObject.style" id=link3 onMouseOver="ShowTip(event, 'tt3', 'link3')" onMouseOut="HideTip('tt3')">style</a></td><td class=SDescription>Un array que almacena el estilo que tiene el div en cuanto a los siguienets atributos :</td></tr><tr class="SVariable SIndent2 SMarked"><td class=SEntry><a href="#XObject.timeouts" id=link4 onMouseOver="ShowTip(event, 'tt4', 'link4')" onMouseOut="HideTip('tt4')">timeouts</a></td><td class=SDescription>Timeouts de todas las animaciones, cuando se llama una, si hay otra antes la para.</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#XObject.Constants" >Constants</a></td><td class=SDescription></td></tr><tr class="SConstant SIndent2 SMarked"><td class=SEntry><a href="#XObject.SCALE_TIME" >SCALE_TIME</a></td><td class=SDescription>Tiempo de los intervalos.</td></tr><tr class="SGroup SIndent1"><td class=SEntry><a href="#XObject.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#XObject.getStyle" id=link5 onMouseOver="ShowTip(event, 'tt5', 'link5')" onMouseOut="HideTip('tt5')">getStyle</a></td><td class=SDescription>Esta función coge un estilo del CSS y lo devuelve como resultado</td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#XObject.setStyle" id=link6 onMouseOver="ShowTip(event, 'tt6', 'link6')" onMouseOut="HideTip('tt6')">setStyle</a></td><td class=SDescription>Esta función pone el estilo que queramos al atributo elegido. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#XObject.startAnimation" id=link7 onMouseOver="ShowTip(event, 'tt7', 'link7')" onMouseOut="HideTip('tt7')">startAnimation</a></td><td class=SDescription>Se trata de una función de <b>BAJO NIVEL</b> que empieza una animación. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#XObject.getNextStep" id=link8 onMouseOver="ShowTip(event, 'tt8', 'link8')" onMouseOut="HideTip('tt8')">getNextStep</a></td><td class=SDescription>Se trata de una función de <b>BAJO NIVEL</b>, a la cuál llamará la función <a href="#XObject.startAnimation" class=LFunction id=link9 onMouseOver="ShowTip(event, 'tt7', 'link9')" onMouseOut="HideTip('tt7')">startAnimation</a>. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#XObject.startAnimationV" id=link10 onMouseOver="ShowTip(event, 'tt9', 'link10')" onMouseOut="HideTip('tt9')">startAnimationV</a></td><td class=SDescription>Se trata de una función de <b>BAJO NIVEL</b> que empieza una animación. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#XObject.getNextStepV" id=link11 onMouseOver="ShowTip(event, 'tt10', 'link11')" onMouseOut="HideTip('tt10')">getNextStepV</a></td><td class=SDescription>Se trata de una función de <b>BAJO NIVEL</b>, a la cuál llamará la función <a href="#XObject.startAnimation" class=LFunction id=link12 onMouseOver="ShowTip(event, 'tt7', 'link12')" onMouseOut="HideTip('tt7')">startAnimation</a>. </td></tr><tr class="SFunction SIndent2 SMarked"><td class=SEntry><a href="#XObject.startPercEffect" id=link13 onMouseOver="ShowTip(event, 'tt11', 'link13')" onMouseOut="HideTip('tt11')">startPercEffect</a></td><td class=SDescription>Se trata de una función de <b>BAJO NIVEL</b>, a la cuál llamará la función <a href="#XObject.start" class=LFunction id=link14 onMouseOver="ShowTip(event, 'tt12', 'link14')" onMouseOut="HideTip('tt12')">start</a>. </td></tr><tr class="SFunction SIndent2"><td class=SEntry><a href="#XObject.start" id=link15 onMouseOver="ShowTip(event, 'tt12', 'link15')" onMouseOut="HideTip('tt12')">start</a></td><td class=SDescription>Se trata de una función de <b>BAJO NIVEL</b>, a la cuál llamará cualquiera las funciones Es de bajo nivel por que el usuario <b>NUNCA LLAMARÁ A ESTA FUNCIÓN</b>.</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="Constants"></a>Constants</h3></div></div>

<div class="CConstant"><div class=CTopic><h3 class=CTitle><a name="Tabla_hexadecimal"></a>Tabla hexadecimal</h3><div class=CBody><p>Se trata de traduciones hexadecimal</p><blockquote><pre>A -&gt; 0
B -&gt; 1
...</pre></blockquote></div></div></div>

<div class="CClass"><div class=CTopic><h2 class=CTitle><a name="XObject"></a>XObject</h2><div class=CBody><p>Esta es la clase encargada de todos los efectos gráficos.&nbsp; A partir de un DIV del html, aplicamos diversos efectos gráficos.</p><!--START_ND_SUMMARY--><div class=Summary><div class=STitle>Summary</div><div class=SBorder><table border=0 cellspacing=0 cellpadding=0 class=STable><tr class="SGroup"><td class=SEntry><a href="#XObject.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent1 SMarked"><td class=SEntry><a href="#XObject.XObject" id=link16 onMouseOver="ShowTip(event, 'tt1', 'link16')" onMouseOut="HideTip('tt1')">XObject</a></td><td class=SDescription></td></tr><tr class="SGroup"><td class=SEntry><a href="#XObject.Variables" >Variables</a></td><td class=SDescription></td></tr><tr class="SVariable SIndent1 SMarked"><td class=SEntry><a href="#XObject.div_cont" id=link17 onMouseOver="ShowTip(event, 'tt2', 'link17')" onMouseOut="HideTip('tt2')">div_cont</a></td><td class=SDescription>Contenido de div</td></tr><tr class="SVariable SIndent1"><td class=SEntry><a href="#XObject.style" id=link18 onMouseOver="ShowTip(event, 'tt3', 'link18')" onMouseOut="HideTip('tt3')">style</a></td><td class=SDescription>Un array que almacena el estilo que tiene el div en cuanto a los siguienets atributos :</td></tr><tr class="SVariable SIndent1 SMarked"><td class=SEntry><a href="#XObject.timeouts" id=link19 onMouseOver="ShowTip(event, 'tt4', 'link19')" onMouseOut="HideTip('tt4')">timeouts</a></td><td class=SDescription>Timeouts de todas las animaciones, cuando se llama una, si hay otra antes la para.</td></tr><tr class="SGroup"><td class=SEntry><a href="#XObject.Constants" >Constants</a></td><td class=SDescription></td></tr><tr class="SConstant SIndent1 SMarked"><td class=SEntry><a href="#XObject.SCALE_TIME" >SCALE_TIME</a></td><td class=SDescription>Tiempo de los intervalos.</td></tr><tr class="SGroup"><td class=SEntry><a href="#XObject.Functions" >Functions</a></td><td class=SDescription></td></tr><tr class="SFunction SIndent1 SMarked"><td class=SEntry><a href="#XObject.getStyle" id=link20 onMouseOver="ShowTip(event, 'tt5', 'link20')" onMouseOut="HideTip('tt5')">getStyle</a></td><td class=SDescription>Esta función coge un estilo del CSS y lo devuelve como resultado</td></tr><tr class="SFunction SIndent1"><td class=SEntry><a href="#XObject.setStyle" id=link21 onMouseOver="ShowTip(event, 'tt6', 'link21')" onMouseOut="HideTip('tt6')">setStyle</a></td><td class=SDescription>Esta función pone el estilo que queramos al atributo elegido. </td></tr><tr class="SFunction SIndent1 SMarked"><td class=SEntry><a href="#XObject.startAnimation" id=link22 onMouseOver="ShowTip(event, 'tt7', 'link22')" onMouseOut="HideTip('tt7')">startAnimation</a></td><td class=SDescription>Se trata de una función de <b>BAJO NIVEL</b> que empieza una animación. </td></tr><tr class="SFunction SIndent1"><td class=SEntry><a href="#XObject.getNextStep" id=link23 onMouseOver="ShowTip(event, 'tt8', 'link23')" onMouseOut="HideTip('tt8')">getNextStep</a></td><td class=SDescription>Se trata de una función de <b>BAJO NIVEL</b>, a la cuál llamará la función <a href="#XObject.startAnimation" class=LFunction id=link24 onMouseOver="ShowTip(event, 'tt7', 'link24')" onMouseOut="HideTip('tt7')">startAnimation</a>. </td></tr><tr class="SFunction SIndent1 SMarked"><td class=SEntry><a href="#XObject.startAnimationV" id=link25 onMouseOver="ShowTip(event, 'tt9', 'link25')" onMouseOut="HideTip('tt9')">startAnimationV</a></td><td class=SDescription>Se trata de una función de <b>BAJO NIVEL</b> que empieza una animación. </td></tr><tr class="SFunction SIndent1"><td class=SEntry><a href="#XObject.getNextStepV" id=link26 onMouseOver="ShowTip(event, 'tt10', 'link26')" onMouseOut="HideTip('tt10')">getNextStepV</a></td><td class=SDescription>Se trata de una función de <b>BAJO NIVEL</b>, a la cuál llamará la función <a href="#XObject.startAnimation" class=LFunction id=link27 onMouseOver="ShowTip(event, 'tt7', 'link27')" onMouseOut="HideTip('tt7')">startAnimation</a>. </td></tr><tr class="SFunction SIndent1 SMarked"><td class=SEntry><a href="#XObject.startPercEffect" id=link28 onMouseOver="ShowTip(event, 'tt11', 'link28')" onMouseOut="HideTip('tt11')">startPercEffect</a></td><td class=SDescription>Se trata de una función de <b>BAJO NIVEL</b>, a la cuál llamará la función <a href="#XObject.start" class=LFunction id=link29 onMouseOver="ShowTip(event, 'tt12', 'link29')" onMouseOut="HideTip('tt12')">start</a>. </td></tr><tr class="SFunction SIndent1"><td class=SEntry><a href="#XObject.start" id=link30 onMouseOver="ShowTip(event, 'tt12', 'link30')" onMouseOut="HideTip('tt12')">start</a></td><td class=SDescription>Se trata de una función de <b>BAJO NIVEL</b>, a la cuál llamará cualquiera las funciones Es de bajo nivel por que el usuario <b>NUNCA LLAMARÁ A ESTA FUNCIÓN</b>.</td></tr></table></div></div><!--END_ND_SUMMARY--></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="XObject.Functions"></a>Functions</h3></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="XObject.XObject"></a>XObject</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>function XObject(</td><td class=PParameter nowrap>content</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><ul><li>Guarda el div que controla.</li><li>Obtiene datos del CSS sobre dicho div.</li><li>Obtiene un array con el estilo del div (cada atributo).</li><li>Inicializa los timeouts</li></ul><h4 class=CHeading>Parámetros</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>content</td><td class=CDLDescription>El div con el que tratamos.</td></tr></table><h4 class=CHeading>Ejemplos</h4><blockquote><pre>var div = document.getElementById(&quot;my_div_id&quot;);
var xobj = new XObject(div);</pre></blockquote></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="XObject.Variables"></a>Variables</h3></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="XObject.div_cont"></a>div_cont</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.div_cont</td></tr></table></blockquote><p>Contenido de div</p></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="XObject.style"></a>style</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.style</td></tr></table></blockquote><p>Un array que almacena el estilo que tiene el div en cuanto a los siguienets atributos :</p><ul><li>opacity</li><li>width</li><li>height</li><li>abs_pos_x</li><li>abs_pos_y</li><li>rel_pos_x</li><li>rel_pos_y</li><li>backgroundColor</li><li>borderColor</li><li>borderWidth</li><li>color</li></ul></div></div></div>

<div class="CVariable"><div class=CTopic><h3 class=CTitle><a name="XObject.timeouts"></a>timeouts</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.timeouts</td></tr></table></blockquote><p>Timeouts de todas las animaciones, cuando se llama una, si hay otra antes la para.</p></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="XObject.Constants"></a>Constants</h3></div></div>

<div class="CConstant"><div class=CTopic><h3 class=CTitle><a name="XObject.SCALE_TIME"></a>SCALE_TIME</h3><div class=CBody><p>Tiempo de los intervalos.</p></div></div></div>

<div class="CGroup"><div class=CTopic><h3 class=CTitle><a name="XObject.Functions"></a>Functions</h3></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="XObject.getStyle"></a>getStyle</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>getStyle: function(</td><td class=PParameter nowrap>attribute</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Esta función coge un estilo del CSS y lo devuelve como resultado</p><h4 class=CHeading>Parámetros</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>attribute</td><td class=CDLDescription>Se trata del atributo que queremos que capte su estilo (Debe ser uno aceptado por <a href="#XObject.style" class=LVariable id=link31 onMouseOver="ShowTip(event, 'tt3', 'link31')" onMouseOut="HideTip('tt3')">style</a>)</td></tr></table><h4 class=CHeading>Devuelve</h4><p>Estilo correspondiente al atributo.</p><h4 class=CHeading>Ejemplos</h4><blockquote><pre>alert(xobj.getStyle(&quot;opacity&quot;));
// Mostrará un alert con la opacidad de nuestro XObject</pre></blockquote></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="XObject.setStyle"></a>setStyle</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>setStyle: function(</td><td class=PParameter nowrap>attribute,</td></tr><tr><td></td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Esta función pone el estilo que queramos al atributo elegido.&nbsp; Sirve para cambiar <b>de forma unitaria</b> un atributo de nuestro div.</p><h4 class=CHeading>Parámetros</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>attribute</td><td class=CDLDescription>Se trata del atributo que queremos cambiar (Debe ser uno aceptado por <a href="#XObject.style" class=LVariable id=link32 onMouseOver="ShowTip(event, 'tt3', 'link32')" onMouseOut="HideTip('tt3')">style</a>).</td></tr><tr><td class=CDLEntry>value</td><td class=CDLDescription>Valor que queremos que tome el atributo.</td></tr></table><h4 class=CHeading>Devuelve</h4><p>Nada.</p><h4 class=CHeading>Ejemplos</h4><blockquote><pre>xobj.setStyle(&quot;opacity&quot;, 50);
// Cambiará la opacidad del div al 50%, en un único paso.</pre></blockquote></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="XObject.startAnimation"></a>startAnimation</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>startAnimation: function(</td><td class=PParameter nowrap>attribute,</td></tr><tr><td></td><td class=PParameter nowrap>final_value,</td></tr><tr><td></td><td class=PParameter nowrap>step,</td></tr><tr><td></td><td class=PParameter nowrap>func,</td></tr><tr><td></td><td class=PParameter nowrap>fifo,</td></tr><tr><td></td><td class=PParameter nowrap>loop</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Se trata de una función de <b>BAJO NIVEL</b> que empieza una animación.&nbsp; Es de bajo nivel por que el usuario <b>NUNCA LLAMARÁ A ESTA FUNCIÓN</b>, ya que hay creadas otras funciones más sencillas de usar que llaman a ésta.&nbsp; La función llama a otra función (<a href="#XObject.getNextStep" class=LFunction id=link33 onMouseOver="ShowTip(event, 'tt8', 'link33')" onMouseOut="HideTip('tt8')">getNextStep</a>) una serie de veces</p><h4 class=CHeading>Parámetros</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>attribute</td><td class=CDLDescription>Atributo que queremos que inicie la animación.</td></tr><tr><td class=CDLEntry>final_value</td><td class=CDLDescription>Valor con el que ha de acabar la animación <b>(sin unidades)</b>.</td></tr><tr><td class=CDLEntry>step</td><td class=CDLDescription>Incremento, cuánto va a ir incrementando el atributo en cada paso.</td></tr><tr><td class=CDLEntry>func</td><td class=CDLDescription>Función que se llamará en cada paso (que deberá representar la animación).</td></tr><tr><td class=CDLEntry>fifo</td><td class=CDLDescription>Cola de funciones (ver &lt;xFuncFIFO&gt;).</td></tr><tr><td class=CDLEntry>loop</td><td class=CDLDescription><b>booleano</b>.&nbsp; Indica si queremos que la animación se meta en un bucle infinito.</td></tr></table><h4 class=CHeading>Pasos</h4><ul><li>Si había otra animación para el mismo atributo, la para.</li><li>Adquiere el valor actual de nuestro div para dicho atributo.</li><li>Si se va a realizar algún paso, llama al primer paso, quién llamará al segundo y así sucesivamente.</li><li>Si no se va a realizar ningún paso, llama a la siguiente función de la Cola &lt;xFuncFIFO&gt;</li></ul><h4 class=CHeading>Devuelve</h4><p>Nada.</p><h4 class=CHeading>Ejemplos</h4><blockquote><pre>fifo = new xFuncFIFO;
xobj.startAnimation(&quot;width&quot;, 50, 2, function(xobj, new_value) { xobj.setStyle(&quot;opacity&quot;, new_value + &quot;px&quot;); }, fifo, false);
// Creará una animación en la que la anchura del div irá creciendo de 2 en 2.
// Además al final llamará a la siguiente función de la cola fifo.</pre></blockquote></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="XObject.getNextStep"></a>getNextStep</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>getNextStep: function(</td><td class=PParameter nowrap>attribute,</td></tr><tr><td></td><td class=PParameter nowrap>value,</td></tr><tr><td></td><td class=PParameter nowrap>final_value,</td></tr><tr><td></td><td class=PParameter nowrap>step,</td></tr><tr><td></td><td class=PParameter nowrap>func,</td></tr><tr><td></td><td class=PParameter nowrap>fifo,</td></tr><tr><td></td><td class=PParameter nowrap>loop_value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Se trata de una función de <b>BAJO NIVEL</b>, a la cuál llamará la función <a href="#XObject.startAnimation" class=LFunction id=link34 onMouseOver="ShowTip(event, 'tt7', 'link34')" onMouseOut="HideTip('tt7')">startAnimation</a>.&nbsp; Es de bajo nivel por que el usuario <b>NUNCA LLAMARÁ A ESTA FUNCIÓN</b>.&nbsp; Esta función es llamada cada &lsquo;paso&rsquo; de la animación.&nbsp; Es decir, si la animación tiene 20 pasos, esta función será llamada 20 veces.&nbsp; Es la encargada de cambiar los atributos del div, por medio de una funcion; y de llamarse recursivamente en caso de haber más pasos.</p><h4 class=CHeading>Parámetros</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>attribute</td><td class=CDLDescription>Atributo que queremos que inicie la animación.</td></tr><tr><td class=CDLEntry>value</td><td class=CDLDescription>Valor del atributo en el momento actual <b>(sin unidades)</b></td></tr><tr><td class=CDLEntry>final_value</td><td class=CDLDescription>Valor con el que ha de acabar la animación <b>(sin unidades)</b>.</td></tr><tr><td class=CDLEntry>step</td><td class=CDLDescription>Incremento, cuánto va a ir incrementando el atributo en cada paso.</td></tr><tr><td class=CDLEntry>func</td><td class=CDLDescription>Función que se llamará en cada paso (que deberá representar la animación).</td></tr><tr><td class=CDLEntry>fifo</td><td class=CDLDescription>Cola de funciones (ver &lt;xFuncFIFO&gt;).</td></tr><tr><td class=CDLEntry>loop</td><td class=CDLDescription><b>int</b> Es el valor Inicial de la animación (esto se evalua automáticamente en <a href="#XObject.startAnimation" class=LFunction id=link35 onMouseOver="ShowTip(event, 'tt7', 'link35')" onMouseOut="HideTip('tt7')">startAnimation</a>.</td></tr></table><h4 class=CHeading>Pasos</h4><ul><li>Evaluar si hay que continuar.</li></ul><p><u>Sí</u> :</p><ul><li>Calcular próximo valor de la animación.</li><li>Llamar a la función &ldquo;func&rdquo; con dicho valor.</li><li>Llamar recursivamente a <a href="#XObject.getNextStep" class=LFunction id=link36 onMouseOver="ShowTip(event, 'tt8', 'link36')" onMouseOut="HideTip('tt8')">getNextStep</a> con los nuevos datos.</li></ul><p><u>No</u> :</p><ul><li>Si &lsquo;loop&rsquo; está activado, volver a empezar la animacíon desde el final_value hasta el value inicial de <a href="#XObject.startAnimation" class=LFunction id=link37 onMouseOver="ShowTip(event, 'tt7', 'link37')" onMouseOut="HideTip('tt7')">startAnimation</a></li><li>Si no hay loop llamar a la siguiente función de la fifo (&lt;xFuncFIFO&gt;).</li></ul><h4 class=CHeading>Devuelve</h4><p>Nada.</p><h4 class=CHeading>Ejemplos</h4><p>No tiene sentido poner ejemplos, ya que el usuario nunca tendrá que utilizarla.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="XObject.startAnimationV"></a>startAnimationV</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>startAnimationV: function(</td><td class=PParameter nowrap>attribute,</td></tr><tr><td></td><td class=PParameter nowrap>final_values,</td></tr><tr><td></td><td class=PParameter nowrap>steps,</td></tr><tr><td></td><td class=PParameter nowrap>func,</td></tr><tr><td></td><td class=PParameter nowrap>fifo,</td></tr><tr><td></td><td class=PParameter nowrap>loop</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Se trata de una función de <b>BAJO NIVEL</b> que empieza una animación.&nbsp; Es de bajo nivel por que el usuario <b>NUNCA LLAMARÁ A ESTA FUNCIÓN</b>, ya que hay creadas otras funciones más sencillas de usar que llaman a ésta.</p><p>Se trata de una adaptación de la función <a href="#XObject.startAnimation" class=LFunction id=link38 onMouseOver="ShowTip(event, 'tt7', 'link38')" onMouseOut="HideTip('tt7')">startAnimation</a> para animaciones en las que los valores implicados son <b>vectores</b>.&nbsp; Por ejemplo, para cambiar un color que es un conjunto de 3 colores <b>rgb(R,G,B)</b>.&nbsp; La función llama a otra función (<a href="#XObject.getNextStepV" class=LFunction id=link39 onMouseOver="ShowTip(event, 'tt10', 'link39')" onMouseOut="HideTip('tt10')">getNextStepV</a>) una serie de veces.</p><h4 class=CHeading>Parámetros</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>attribute</td><td class=CDLDescription>Atributo que queremos que inicie la animación.</td></tr><tr><td class=CDLEntry>final_values</td><td class=CDLDescription>Valor con el que ha de acabar la animación <b>(sin unidades)</b>.</td></tr><tr><td class=CDLEntry>steps</td><td class=CDLDescription>Incremento, cuánto va a ir incrementando el atributo en cada paso.</td></tr><tr><td class=CDLEntry>func</td><td class=CDLDescription>Función que se llamará en cada paso (que deberá representar la animación).</td></tr><tr><td class=CDLEntry>fifo</td><td class=CDLDescription>Cola de funciones (ver &lt;xFuncFIFO&gt;).</td></tr><tr><td class=CDLEntry>loop</td><td class=CDLDescription><b>booleano</b>.&nbsp; Indica si queremos que la animación se meta en un bucle infinito.</td></tr></table><h4 class=CHeading>Pasos</h4><ul><li>Si había otra animación para el mismo atributo, la para.</li><li>Adquiere el valor actual de nuestro div para dicho atributo.</li><li>Si se va a realizar algún paso, llama al primer paso, quién llamará al segundo y así sucesivamente.</li><li>Si no se va a realizar ningún paso, llama a la siguiente función de la Cola &lt;xFuncFIFO&gt;</li></ul><h4 class=CHeading>Devuelve</h4><p>Nada.</p><h4 class=CHeading>Ejemplos</h4><blockquote><pre>fifo = new xFuncFIFO;
func = function(r, g, b) { return &quot;rgb(&quot; + r + &quot;, &quot; + g + &quot;, &quot; + b + &quot;)&quot;; };
xobj.startAnimation(&quot;color&quot;, [20, 50, 20], 2, functionSe trata de una adaptación de la función &lt;startAnimation&gt; para animaciones en las que los valores implicados son *vectores*.
Por ejemplo, para cambiar un color que es un conjunto de 3 colores *rgb(R,G,B)*.(xobj, v) { xobj.setStyle(&quot;color&quot;, func(v[0], v[1], v[2])); }, fifo, false);
// Creará una animación en la que la anchura del div irá creciendo de 2 en 2.
// Además al final llamará a la siguiente función de la cola fifo.</pre></blockquote></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="XObject.getNextStepV"></a>getNextStepV</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>getNextStepV: function(</td><td class=PParameter nowrap>attribute,</td></tr><tr><td></td><td class=PParameter nowrap>values,</td></tr><tr><td></td><td class=PParameter nowrap>final_values,</td></tr><tr><td></td><td class=PParameter nowrap>steps,</td></tr><tr><td></td><td class=PParameter nowrap>func,</td></tr><tr><td></td><td class=PParameter nowrap>fifo,</td></tr><tr><td></td><td class=PParameter nowrap>loop_values</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Se trata de una función de <b>BAJO NIVEL</b>, a la cuál llamará la función <a href="#XObject.startAnimation" class=LFunction id=link40 onMouseOver="ShowTip(event, 'tt7', 'link40')" onMouseOut="HideTip('tt7')">startAnimation</a>.&nbsp; Es de bajo nivel por que el usuario <b>NUNCA LLAMARÁ A ESTA FUNCIÓN</b>.</p><p>Se trata de una adaptación de la función <a href="#XObject.getNextStep" class=LFunction id=link41 onMouseOver="ShowTip(event, 'tt8', 'link41')" onMouseOut="HideTip('tt8')">getNextStep</a> para animaciones en las que los valores implicados son <b>vectores</b>.&nbsp; Por ejemplo, para cambiar un color que es un conjunto de 3 colores <b>rgb(R,G,B)</b>.&nbsp; Esta función es llamada cada &lsquo;paso&rsquo; de la animación.&nbsp; Es decir, si la animación tiene 20 pasos, esta función será llamada 20 veces.&nbsp; Es la encargada de cambiar los atributos del div, por medio de una funcion; y de llamarse recursivamente en caso de haber más pasos.</p><h4 class=CHeading>Parámetros</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>attribute</td><td class=CDLDescription>Atributo que queremos que inicie la animación.</td></tr><tr><td class=CDLEntry>value</td><td class=CDLDescription>Valor del atributo en el momento actual <b>(sin unidades)</b></td></tr><tr><td class=CDLEntry>final_value</td><td class=CDLDescription>Valor con el que ha de acabar la animación <b>(sin unidades)</b>.</td></tr><tr><td class=CDLEntry>step</td><td class=CDLDescription>Incremento, cuánto va a ir incrementando el atributo en cada paso.</td></tr><tr><td class=CDLEntry>func</td><td class=CDLDescription>Función que se llamará en cada paso (que deberá representar la animación).</td></tr><tr><td class=CDLEntry>fifo</td><td class=CDLDescription>Cola de funciones (ver &lt;xFuncFIFO&gt;).</td></tr><tr><td class=CDLEntry>loop</td><td class=CDLDescription><b>int</b> Es el valor Inicial de la animación (esto se evalua automáticamente en <a href="#XObject.startAnimation" class=LFunction id=link42 onMouseOver="ShowTip(event, 'tt7', 'link42')" onMouseOut="HideTip('tt7')">startAnimation</a>.</td></tr></table><h4 class=CHeading>Pasos</h4><ul><li>Evaluar si hay que continuar.</li></ul><p><u>Sí</u> :</p><ul><li>Calcular próximo valor de la animación.</li><li>Llamar a la función &ldquo;func&rdquo; con dicho valor.</li><li>Llamar recursivamente a <a href="#XObject.getNextStep" class=LFunction id=link43 onMouseOver="ShowTip(event, 'tt8', 'link43')" onMouseOut="HideTip('tt8')">getNextStep</a> con los nuevos datos.</li></ul><p><u>No</u> :</p><ul><li>Si &lsquo;loop&rsquo; está activado, volver a empezar la animacíon desde el final_value hasta el value inicial de <a href="#XObject.startAnimation" class=LFunction id=link44 onMouseOver="ShowTip(event, 'tt7', 'link44')" onMouseOut="HideTip('tt7')">startAnimation</a></li><li>Si no hay loop llamar a la siguiente función de la fifo (&lt;xFuncFIFO&gt;).</li></ul><h4 class=CHeading>Devuelve</h4><p>Nada.</p><h4 class=CHeading>Ejemplos</h4><p>No tiene sentido poner ejemplos, ya que el usuario nunca tendrá que utilizarla.</p></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="XObject.startPercEffect"></a>startPercEffect</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>startPercEffect: function(</td><td class=PParameter nowrap>attribute,</td></tr><tr><td></td><td class=PParameter nowrap>final_value,</td></tr><tr><td></td><td class=PParameter nowrap>step,</td></tr><tr><td></td><td class=PParameter nowrap>perc,</td></tr><tr><td></td><td class=PParameter nowrap>func,</td></tr><tr><td></td><td class=PParameter nowrap>fifo,</td></tr><tr><td></td><td class=PParameter nowrap>loop</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Se trata de una función de <b>BAJO NIVEL</b>, a la cuál llamará la función <a href="#XObject.start" class=LFunction id=link45 onMouseOver="ShowTip(event, 'tt12', 'link45')" onMouseOut="HideTip('tt12')">start</a>.&nbsp; Es de bajo nivel por que el usuario <b>NUNCA LLAMARÁ A ESTA FUNCIÓN</b>.</p><p>Esta función aplica un efecto de &lsquo;rebote&rsquo; (con un cierto porcentaje) a una animación dada.&nbsp; Es decir, para una animación en la que el div tiene que ir de <b>A</b> a <b>B</b>, dado un %, hará lo siguiente</p><blockquote><pre>A·        B
A ·       B
A  ·      B
A   ·     B
A    ·    B
A     ·   B
A      ·  B
A       · B
A        ·B
A·      · B
A·     ·  B
A·      · B
A·       ·B</pre></blockquote><p>Los parámetros son los mismos que <a href="#XObject.startAnimation" class=LFunction id=link46 onMouseOver="ShowTip(event, 'tt7', 'link46')" onMouseOut="HideTip('tt7')">startAnimation</a>, ya que hará 3 llamadas a dicha función con distintos valores de final_value.</p><h4 class=CHeading>Parámetros</h4><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>attribute</td><td class=CDLDescription>Atributo que queremos que inicie la animación.</td></tr><tr><td class=CDLEntry>final_value</td><td class=CDLDescription>Valor con el que ha de acabar la animación <b>(sin unidades)</b>.</td></tr><tr><td class=CDLEntry>step</td><td class=CDLDescription>Incremento, cuánto va a ir incrementando el atributo en cada paso. perc- Porcentaje de rebote.</td></tr><tr><td class=CDLEntry>func</td><td class=CDLDescription>Función que se llamará en cada paso (que deberá representar la animación).</td></tr><tr><td class=CDLEntry>fifo</td><td class=CDLDescription>Cola de funciones (ver &lt;xFuncFIFO&gt;).</td></tr><tr><td class=CDLEntry>loop</td><td class=CDLDescription><b>booleano</b>.&nbsp; Indica si queremos que la animación se meta en un bucle infinito.</td></tr></table><h4 class=CHeading>Pasos</h4><p>El algoritmo es sencillo, llama 3 veces a la función <a href="#XObject.startAnimation" class=LFunction id=link47 onMouseOver="ShowTip(event, 'tt7', 'link47')" onMouseOut="HideTip('tt7')">startAnimation</a></p><table border=0 cellspacing=0 cellpadding=0 class=CDescriptionList><tr><td class=CDLEntry>1ª</td><td class=CDLDescription>Llega hasta el final.</td></tr><tr><td class=CDLEntry>2ª</td><td class=CDLDescription>Llega hasta el final - el porcentaje de rebote.</td></tr><tr><td class=CDLEntry>3ª</td><td class=CDLDescription>Llega hasta el final.</td></tr></table><h4 class=CHeading>Devuelve</h4><p>Nada.</p><h4 class=CHeading>Ejemplo</h4><blockquote><pre>xobj.startPercEffect(&quot;opacity&quot;, 50, 2, 2, function(xobj, v) { xobj.setStyle(&quot;opacity&quot;, v); }, false, false);</pre></blockquote></div></div></div>

<div class="CFunction"><div class=CTopic><h3 class=CTitle><a name="XObject.start"></a>start</h3><div class=CBody><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>start: function(</td><td class=PParameter nowrap>attribute,</td></tr><tr><td></td><td class=PParameter nowrap>final_value,</td></tr><tr><td></td><td class=PParameter nowrap>scale,</td></tr><tr><td></td><td class=PParameter nowrap>perc,</td></tr><tr><td></td><td class=PParameter nowrap>fifo,</td></tr><tr><td></td><td class=PParameter nowrap>loop</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote><p>Se trata de una función de <b>BAJO NIVEL</b>, a la cuál llamará cualquiera las funciones Es de bajo nivel por que el usuario <b>NUNCA LLAMARÁ A ESTA FUNCIÓN</b>.</p></div></div></div>

</div><!--Content-->


<div id=Footer>Documentación Generada en&nbsp; &middot;&nbsp; 12/17/2009&nbsp; &middot;&nbsp; <a href="http://www.naturaldocs.org">Generated by Natural Docs</a></div><!--Footer-->


<div id=Menu><div class=MTitle>Grado Dos<div class=MSubTitle>Desarrolladores Web</div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent8')">Librerías JavaScript</a><div class=MGroupContent id=MGroupContent8><div class=MEntry><div class=MFile><a href="../../main-js.html">main</a></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent4')">Controladores</a><div class=MGroupContent id=MGroupContent4><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent1')">Formularios</a><div class=MGroupContent id=MGroupContent1><div class=MEntry><div class=MFile><a href="../form/form-js.html">form</a></div></div><div class=MEntry><div class=MFile><a href="../form/row-js.html">row</a></div></div><div class=MEntry><div class=MFile><a href="../form/field-js.html">field</a></div></div><div class=MEntry><div class=MFile><a href="../form/cell-js.html">cell</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent2')">Gráficos</a><div class=MGroupContent id=MGroupContent2><div class=MEntry><div class=MFile id=MSelected>xobject</div></div><div class=MEntry><div class=MFile><a href="fifo-js.html">fifo</a></div></div><div class=MEntry><div class=MFile><a href="messagebox-js.html">messagebox</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent3')">Servidor</a><div class=MGroupContent id=MGroupContent3><div class=MEntry><div class=MFile><a href="../server/ajax-js.html">ajax</a></div></div></div></div></div><div class=MEntry><div class=MFile><a href="../webpage-js.html">webpages</a></div></div><div class=MEntry><div class=MFile><a href="../etc-js.html">etc</a></div></div><div class=MEntry><div class=MFile><a href="../events-js.html">events</a></div></div><div class=MEntry><div class=MFile><a href="../timer-js.html">timer</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent5')">Webpages</a><div class=MGroupContent id=MGroupContent5><div class=MEntry><div class=MFile><a href="../../webpages/blog-js.html">blog</a></div></div><div class=MEntry><div class=MFile><a href="../../webpages/contacto-js.html">contacto</a></div></div><div class=MEntry><div class=MFile><a href="../../webpages/home-js.html">home</a></div></div><div class=MEntry><div class=MFile><a href="../../webpages/portafolio-js.html">portafolio</a></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent7')">Externas</a><div class=MGroupContent id=MGroupContent7><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent6')">JQuery</a><div class=MGroupContent id=MGroupContent6><div class=MEntry><div class=MText>Esta librería no tiene una documentación compatible con Natural Docs para más información consulte</div></div><div class=MEntry><div class=MLink><a href="http://jquery.com/">JQuery</a></div></div></div></div></div></div></div></div></div></div></div><div class=MEntry><div class=MGroup><a href="javascript:ToggleMenu('MGroupContent9')">Index</a><div class=MGroupContent id=MGroupContent9><div class=MEntry><div class=MIndex><a href="../../../index/General.html">Everything</a></div></div><div class=MEntry><div class=MIndex><a href="../../../index/Constants.html">Constants</a></div></div><div class=MEntry><div class=MIndex><a href="../../../index/Functions.html">Functions</a></div></div><div class=MEntry><div class=MIndex><a href="../../../index/Classes.html">Classes</a></div></div><div class=MEntry><div class=MIndex><a href="../../../index/Files.html">Files</a></div></div><div class=MEntry><div class=MIndex><a href="../../../index/Variables.html">Variables</a></div></div></div></div></div><script type="text/javascript"><!--
var searchPanel = new SearchPanel("searchPanel", "HTML", "../../../search");
--></script><div id=MSearchPanel class=MSearchPanelInactive><input type=text id=MSearchField value=Search onFocus="searchPanel.OnSearchFieldFocus(true)" onBlur="searchPanel.OnSearchFieldFocus(false)" onKeyUp="searchPanel.OnSearchFieldChange()"><select id=MSearchType onFocus="searchPanel.OnSearchTypeFocus(true)" onBlur="searchPanel.OnSearchTypeFocus(false)" onChange="searchPanel.OnSearchTypeChange()"><option  id=MSearchEverything selected value="General">Everything</option><option value="Classes">Classes</option><option value="Constants">Constants</option><option value="Files">Files</option><option value="Functions">Functions</option><option value="Variables">Variables</option></select></div><script language=JavaScript><!--
HideAllBut([2, 4, 8, 3, 1], 10);// --></script></div><!--Menu-->



<!--START_ND_TOOLTIPS-->
<div class=CToolTip id="tt1"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>function XObject(</td><td class=PParameter nowrap>content</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote></div></div><div class=CToolTip id="tt2"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.div_cont</td></tr></table></blockquote>Contenido de div</div></div><div class=CToolTip id="tt3"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.style</td></tr></table></blockquote>Un array que almacena el estilo que tiene el div en cuanto a los siguienets atributos :</div></div><div class=CToolTip id="tt4"><div class=CVariable><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td>this.timeouts</td></tr></table></blockquote>Timeouts de todas las animaciones, cuando se llama una, si hay otra antes la para.</div></div><div class=CToolTip id="tt5"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>getStyle: function(</td><td class=PParameter nowrap>attribute</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Esta función coge un estilo del CSS y lo devuelve como resultado</div></div><div class=CToolTip id="tt6"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>setStyle: function(</td><td class=PParameter nowrap>attribute,</td></tr><tr><td></td><td class=PParameter nowrap>value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Esta función pone el estilo que queramos al atributo elegido. </div></div><div class=CToolTip id="tt7"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>startAnimation: function(</td><td class=PParameter nowrap>attribute,</td></tr><tr><td></td><td class=PParameter nowrap>final_value,</td></tr><tr><td></td><td class=PParameter nowrap>step,</td></tr><tr><td></td><td class=PParameter nowrap>func,</td></tr><tr><td></td><td class=PParameter nowrap>fifo,</td></tr><tr><td></td><td class=PParameter nowrap>loop</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Se trata de una función de <b>BAJO NIVEL</b> que empieza una animación. </div></div><div class=CToolTip id="tt8"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>getNextStep: function(</td><td class=PParameter nowrap>attribute,</td></tr><tr><td></td><td class=PParameter nowrap>value,</td></tr><tr><td></td><td class=PParameter nowrap>final_value,</td></tr><tr><td></td><td class=PParameter nowrap>step,</td></tr><tr><td></td><td class=PParameter nowrap>func,</td></tr><tr><td></td><td class=PParameter nowrap>fifo,</td></tr><tr><td></td><td class=PParameter nowrap>loop_value</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Se trata de una función de <b>BAJO NIVEL</b>, a la cuál llamará la función startAnimation. </div></div><div class=CToolTip id="tt9"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>startAnimationV: function(</td><td class=PParameter nowrap>attribute,</td></tr><tr><td></td><td class=PParameter nowrap>final_values,</td></tr><tr><td></td><td class=PParameter nowrap>steps,</td></tr><tr><td></td><td class=PParameter nowrap>func,</td></tr><tr><td></td><td class=PParameter nowrap>fifo,</td></tr><tr><td></td><td class=PParameter nowrap>loop</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Se trata de una función de <b>BAJO NIVEL</b> que empieza una animación. </div></div><div class=CToolTip id="tt10"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>getNextStepV: function(</td><td class=PParameter nowrap>attribute,</td></tr><tr><td></td><td class=PParameter nowrap>values,</td></tr><tr><td></td><td class=PParameter nowrap>final_values,</td></tr><tr><td></td><td class=PParameter nowrap>steps,</td></tr><tr><td></td><td class=PParameter nowrap>func,</td></tr><tr><td></td><td class=PParameter nowrap>fifo,</td></tr><tr><td></td><td class=PParameter nowrap>loop_values</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Se trata de una función de <b>BAJO NIVEL</b>, a la cuál llamará la función startAnimation. </div></div><div class=CToolTip id="tt11"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>startPercEffect: function(</td><td class=PParameter nowrap>attribute,</td></tr><tr><td></td><td class=PParameter nowrap>final_value,</td></tr><tr><td></td><td class=PParameter nowrap>step,</td></tr><tr><td></td><td class=PParameter nowrap>perc,</td></tr><tr><td></td><td class=PParameter nowrap>func,</td></tr><tr><td></td><td class=PParameter nowrap>fifo,</td></tr><tr><td></td><td class=PParameter nowrap>loop</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Se trata de una función de <b>BAJO NIVEL</b>, a la cuál llamará la función start. </div></div><div class=CToolTip id="tt12"><div class=CFunction><blockquote><table border=0 cellspacing=0 cellpadding=0 class=Prototype><tr><td><table border=0 cellspacing=0 cellpadding=0><tr><td class=PBeforeParameters nowrap>start: function(</td><td class=PParameter nowrap>attribute,</td></tr><tr><td></td><td class=PParameter nowrap>final_value,</td></tr><tr><td></td><td class=PParameter nowrap>scale,</td></tr><tr><td></td><td class=PParameter nowrap>perc,</td></tr><tr><td></td><td class=PParameter nowrap>fifo,</td></tr><tr><td></td><td class=PParameter nowrap>loop</td><td class=PAfterParameters nowrap>)</td></tr></table></td></tr></table></blockquote>Se trata de una función de <b>BAJO NIVEL</b>, a la cuál llamará cualquiera las funciones Es de bajo nivel por que el usuario <b>NUNCA LLAMARÁ A ESTA FUNCIÓN</b>.</div></div><!--END_ND_TOOLTIPS-->




<div id=MSearchResultsWindow><iframe src="" frameborder=0 name=MSearchResults id=MSearchResults></iframe><a href="javascript:searchPanel.CloseResultsWindow()" id=MSearchResultsWindowClose>Close</a></div>


<script language=JavaScript><!--
if (browserType) {if (browserVer) {document.write("</div>"); }document.write("</div>");}// --></script></body></html>